<template>
  <div id="app">


    <router-view />

    <mt-tabbar :fixed="fixed" v-model="selected">
      <mt-tab-item id="home">
        <img slot="icon" src="./assets/pictures/首页.png" />
        首页
      </mt-tab-item>
      <mt-tab-item id="record">
        <img slot="icon" src="./assets/pictures/记录.png" />
        记录
      </mt-tab-item>
      <mt-tab-item id="my">
        <img slot="icon" src="./assets/pictures/我的.png" />
        我的
      </mt-tab-item>

    </mt-tabbar>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      selected: '',
      fixed: true,
      code: '',
      winUrl: ''
    };
  },
  watch: {
    selected: function(newV) {
      this.$router.push({ name: newV });
    }
  },
  methods: {

  },
  created() {

  }
};
</script>

<style>
.mint-header-title {
  overflow: visible;
}
</style>
